.social {
  display: flex;
  margin: 30px 40px 30px 100px;
}

.social .social__link:nth-of-type(2) {
  margin: 0 20px;
}

.social__link {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.social__delimiter {
  width: 1px;
  height: 40px;
  margin-left: 20px;
  background-color: #000000;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .social__delimiter {
    display: none;
  }

  .social {
    margin: 30px 0 30px 20px;
  }
}

@media screen and (max-width: 767px) {
  .social__delimiter {
    display: none;
  }

  .social {
    justify-content: space-between;
    margin: 17px 0 0 22px;

  }

  .social__link {
    margin-bottom: -2px;
    padding-top: 3px;
  }
}
